<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style></style>
</head>
<body>

    <!-- 

        相适应开发的区间
            手机最小考虑到320px    320px以下的宽度不考虑
            最大电脑  1920px       超过1920px不管


        实际的响应式网站中   大部分时候手机一个效果   平板和电脑是同一个效果


        做响应式的时候，一定要把媒体查询代码写在最下面   

     -->
    
</body>
</html>